{% comment %}
    Typically you can view the style on login page (error login)
{% endcomment %}

{% if form.non_field_errors %}
    <div class="tw:alert tw:alert-error tw:mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="tw:size-6">
            <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
        </svg>
        <div class="tw:flex tw:flex-col">
            {% if form_error_title %}
                <div class="tw:font-bold tw:text-xl">
                    {{ form_error_title }}
                </div>
            {% endif %}
            <ul>
                {{ form.non_field_errors|unordered_list }}
            </ul>
        </div>
    </div>
{% endif %}
